<template>
  <el-config-provider :locale="locale">
    <router-view></router-view>
  </el-config-provider>
</template>
<script>
import zhCn from "element-plus/lib/locale/lang/zh-cn"; //中文
export default {
  data() {
    return { locale: zhCn };
  },
  mounted() {
    //在页面加载时读取sessionStorage里的状态信息
    if (sessionStorage.getItem("store")) {
      //Object.assign(target, ...sources)    【target：目标对象】，【souce：源对象（可多个）】 //replaceState为替换根目录的数据
      this.$store.replaceState(JSON.parse(sessionStorage.getItem("store")));
      // 清除sessionStorage store的数据
      sessionStorage.removeItem("store");
    }
    //在页面刷新时将vuex里的信息保存到sessionStorage里
    window.addEventListener("beforeunload", () => {
      sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    });
  },
};
</script>
<style lang="less">
#app {
  color: #2c3e50;
}
* {
  margin: 0px;
  padding: 0px;
}
// // 自定义进度条颜色
//  #nprogress .bar {
//      background:#c4f9eb !important; //自定义颜色
//   }
</style>
